@import "../../../assets/styles/variables.less";
@import "../../../assets/styles/img.less";
.container {
  background: @gray-gradient;
  height: 100%;
  overflow: auto;
}
.train-types {
  .train-item {
    display: flex;
    justify-content: space-around;
    .train-step {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: space-between;
      .train-step__line {
        height: 63rpx;
        width: 7rpx;
        background: #ACCDF2;
        &.hidden {
          background: none;
        }
      }
      .train-step__circle {
        width: 28rpx;
        height: 28rpx;
        border: solid #ACCDF2 6rpx;
        border-radius: 50%;
      }
    }
    .train-item-wrap {
      position: relative;
      image {
        width: 614rpx;
        height: 160rpx;
      }
      .word {
        position: absolute;
        top: 62rpx;
        left: 117rpx;
        color: #fff;
        font-size: 38rpx;
        line-height: 38rpx;
      }
    }
  }
}
.recommend-item {
  margin-top: 48rpx;
  .title {
    margin-bottom: 30rpx;
    font-size: 34rpx;
    font-weight: 500;
  }
}
